<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<title>Insert title here</title>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="pushy.js"></script>

   <script type="text/javascript" src="modernizr-2.6.2.min.js"></script>

<link rel="stylesheet" href="normalize.css">
<link rel="stylesheet" href="demo.css">
<link rel="stylesheet" href="pushy.css">
<style>

@font-face {
	font-family: 'SourceSansProSemibold';
	src:
		url('http://t1.dkrt.in/fonts/fonts/SourceSansPro-Semibold-webfont.eot');
	src:
		url('http://t1.dkrt.in/fonts/fonts/SourceSansPro-Semibold-webfont.eot?#iefix')
		format('embedded-opentype'),
		url('http://t1.dkrt.in/fonts/fonts/SourceSansPro-Semibold-webfont.woff')
		format('woff'),
		url('http://t1.dkrt.in/fonts/fonts/SourceSansPro-Semibold-webfont.ttf')
		format('truetype'),
		url('http://t1.dkrt.in/fonts/fonts/SourceSansPro-Semibold-webfont.svg#SourceSansProSemibold')
		format('svg');
	font-weight: normal;
	font-style: normal
}


input[type="button"] {
	font: 400 20px/40px 'SourceSansProSemibold', sans-serif;
	height: 22px;
	padding: 8px 15px;
	text-align: center;
	text-decoration: none;
	background: -webkit-linear-gradient(top, #329C92 0%, #00456E 100%);
	background: -o-linear-gradient(top, #329C92 0%, #00456E 100%);
	background: -ms-linear-gradient(top, #329C92 0%, #00456E 100%);
	background: linear-gradient(to bottom, #329C92 0%, #00456E 100%);
	color: #FFFFFF;
	display: block;
	border: medium none;
	color: #FFFFFF;
	cursor: pointer;
	float: left;
	
	height: 60px;
	overflow: visible;
	padding: 0 15px;
	text-align: center;
	text-decoration: none !important;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.15);
	transition: all 0.2s ease 0s;
	border-radius:3px;
	width:50%;
}

input[type="button"]:hover {
	background: #329C92;
	cursor: pointer;
	text-decoration: none;
	transition-duration: 0s;
	transition-timing-function: ease;
}

#link
{
	float:left;
	margin-top:3%;
}

#legal
{
	font: 400 20px/40px 'SourceSansProSemibold', sans-serif;
	
}

#Add
{
	margin-top: 30%;
	margin-left: 26%;
}
</style>
</head>
<body>
	<nav class="pushy pushy-left">
            <ul>
                <li><a href="#">Item 1</a></li>
                <li><a href="#">Item 2</a></li>
                <li><a href="#">Item 3</a></li>
                <li><a href="#">Item 4</a></li>
                <li><a href="#">Item 5</a></li>
                <li><a href="#">Item 6</a></li>
            </ul>
        </nav>
        
         <!-- Site Overlay -->
        <div class="site-overlay"></div>

        <!-- Your Content -->
        <div id="container">
            <!-- Menu Button -->
            <div class="menu-btn"><span id="link">&#9776;</span> <span id="legal">Legal Diary</span></div>

            <input type="button" id="Add" name="add" value="Add Case" />
        </div>

        <!-- Pushy JS -->
       
</body>
</html>